<template>
  <div>
     <h1>个人中心的子组件1</h1>
      <h1>vuex数据：{{$store.state.cartNum}}</h1>
      <h1>vuex的getters:{{$store.getters.cartDou}}</h1>
      <button @click="toAdd">触发mutations的方法</button>
  </div>
</template>
<script setup>
  import {ref} from 'vue'
  import { defineExpose } from 'vue';
  import {useStore} from 'vuex'
  let myname=ref("陈世美");
  let store=useStore(); //获取到了 vuex的操作对象
  
  let toAdd=()=>{
    // 触发vuex中的mutations 
      console.log(store.state.cartNum)
      store.commit("changeCart",10)
      // 触发actions中的方法
      // store.dispatch("cartAction",20)
  }
  let say=(car)=>{
    console.log("我是子组件的方法"+car)
  }
  // 子组件通过defineExpose 暴露数据和方法 父组件才可以访问到
    defineExpose({
      say,
      myname
    })
</script>